{# navbar template #}
{% block navbar %}
<nav class="navbar navbar-default navbar-fixed-top">

    <!-- mobile toggable stuff and header -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapseableNavbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="{{urlFor('dashboard')}}">Laskiga</a>
    </div> 
    <!-- end of mobile -->

    <div class="collapse navbar-collapse" id="collapseableNavbar">
        <ul class="nav navbar-nav">
            <li class="{% if pagename == 'Program' %}active{% endif %}"><a href="{{urlFor('program')}}">Program</a></li>
            <li class="{% if pagename == 'Eatdrink' %}active{% endif %}"><a href="{{urlFor('eatdrink')}}">Eat & Drink</a></li>
            <li class="{% if pagename == 'Info' %}active{% endif %}"><a href="{{urlFor('info')}}">Info</a></li>

        </ul>
        <ul class="nav navbar-nav pull-right">
            <li><a href="#" style="pointer-events: none; cursor: default;">{{ email }}</a></li>
            <li><a href="{{urlFor('logout')}}" >Logout</a></li>
        </ul>
    </div>
</nav>
{% endblock %}